﻿<html>
<head>
<title>ЦАБУЗ | Регистрация</title>
<style type="text/css">
body{
font-family:"Calibri", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
p, h1, form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
margin:100px auto;
width:800px;
padding:14px;
}

/* ----------- stylized ----------- */
#stylized{
border:solid 2px #b7ddf2;
background:#ebf4fb;
height: 180px;
float:center;
}
#stylized h1 {
font-size:18px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
div { 
background:#ece023; 
width:60px; 
height:90px; 
margin:2px; 
float:left; 
}

</style>
<script src="jquery.js"></script>
</head>
<body>
<div id="stylized" class="myform">
<form id="form" name="form" method="post">
<h1>Цветоассоциации</h1>

<p>formiin tailbar</p>
  <div id="1" style="background-color:blue"></div>
  <div id="2" style="background-color:green"></div>
  <div id="3" style="background-color:red"></div>
  <div id="4" style="background-color:yellow"></div>
  <div id="5" style="background-color:brown"></div>
  <div id="6" style="background-color:purple"></div>
  <div id="7" style="background-color:grey"></div>
  <div id="8" style="background-color:black"></div>
  <div id="9" style="background-color:white"></div>
<script>
      $("<div#9>").appendTo(document.body);
    $("div#1,div#2,div#3,div#4,div#5,div#6,div#7,div#8,div#9").click(function () {
      $(this).hide(500, function () {
        $(this).remove();
      });
    });
</script>

</form>
</div>
</body>

</html>